<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src 资源路径
    1.相对路径：一般访问站内资源时使用
        - 图片和页面在同一目录：直接写图片名
        - 图片和页面在上级目录：../图片名  ../代表上一级
        - 图片和页面在下级目录：文件夹名/图片名
    2.绝对路径：一般访问站外资源  别的地方的图片 复制图片地址/链接 放到src里
              -图片盗链 偷图片 有可能找不到图片的风险
-->
<!--绝对路径-->
<img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png" alt="">

<!--alt： 当图片不能正常显示时 会显示alt里输入的文本-->
<!--title： 图片标题  当鼠标停在图片上时 显示title里的内容-->
<img src="a.jpg" title="这是美女" alt=""><!--同一目录-->
<!--width/height  可以同时设置 也可以单设置width 高会自动等比例-->
<img src="../b.jpg" width="300" alt="">
<!--width/height  设置百分比 会随着浏览器大小进行等比例扩大缩小-->
<img src="abc/c.png" width="40%" alt="">










</body>
</html>